import { Tabs } from '@arco-design/web-react'
import ServiceCodeParse from './components/serviceCodeParse'
import FontendParse from './components/fontendParse'

//components
const TabPane = Tabs.TabPane

const Project = () => {
  return (
    <div className="ml-20px mt-20px">
      <Tabs defaultActiveTab="1">
        <TabPane key="1" title="proto(rpc)">
          <ServiceCodeParse type={'rpc'} />
        </TabPane>
        <TabPane key="2" title="api">
          <ServiceCodeParse type={'api'} />
        </TabPane>
        <TabPane key="3" title="fontend">
          <FontendParse />
        </TabPane>
      </Tabs>
    </div>
  )
}

export default Project
